<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <meta name="hotcss" content="max-width=750">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
	<title>中国社区网</title>
	<link rel="stylesheet" href="css/sm.min.css">
  <link rel="stylesheet" href="css/sm-extend.min.css">
  <link rel="stylesheet" href="css/cncnmob0902.css">
</head>
<body class="custome_body">
    <div class="page-group">
        <div class="page" id="home">
            <!-- 标题栏 -->
            <header class="bar bar-nav">
                <a class="icon pull-left back icon-left"></a>
                <h1 class="title"><img class="header_logo" src="images/logo.png" alt=""></h1>
            </header>
            <!-- 这里是页面内容区 -->
            <div class="content">
                <!-- 轮播图 -->
                <div class="swiper-container" data-space-between='0'>
                    <div class="swiper-wrapper">
                      <div class="swiper-slide"><a href="xxx"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt=""><p><span class="pull-left">新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题新闻标题1</span><span class="pull-right"></span></p></a></div>
                      <div class="swiper-slide"><a href="#"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt=""><p><span class="pull-left">新闻标题2</span><span class="pull-right"></span></p></a></div>
                      <div class="swiper-slide"><a href="#"><img src="http://gqianniu.alicdn.com/bao/uploaded/i4//tfscom/i3/TB10LfcHFXXXXXKXpXXXXXXXXXX_!!0-item_pic.jpg_250x250q60.jpg" alt=""><p><span class="pull-left">新闻标题3</span><span class="pull-right"></span></p></a></div>
                    </div>
                    
                </div>
                <!-- 标签导航 -->
                <div class="buttons-tab" data-offset="44" id="buttons-tab">
                    <span id="tab_link_wrap" class="clearfix content-inner">
                  <!-- <a href="#tab1" class="tab-link button active">最新</a> -->
                          <a data-flag="false" href="#tab1" class="tab-link  active">社区新闻</a>
                          <a data-flag="true" href="#tab2" class="tab-link ">社区联播</a>
                          <a data-flag="true" href="#tab3" class="tab-link ">社区党建</a>
                          <a data-flag="true" href="#tab4" class="tab-link ">志愿服务</a>
                          <a data-flag="true" href="#tab5" class="tab-link ">书记访谈</a>
                          <a data-flag="true" href="#tab6" class="tab-link ">社区学院</a>
                    </span>
                </div>
                <!-- tad 切换栏 -->
                <div class="tabs custome_css" id="tabs_cncnmob">
                    <div id="tab1" class="tab active infinite-scroll">
                         <div class="list-block media-list">
                               <ul></ul> 
                         </div>
                         <!-- 加载提示符 -->
                         <div class="infinite-scroll-preloader"> <div class="preloader"> </div> </div>
                    </div> 
                    <div id="tab2" class="tab infinite-scroll">
                        <div class="list-block media-list">
                               <ul></ul>
                       </div>
                       <!-- 加载提示符 -->
                         <div class="infinite-scroll-preloader"> <div class="preloader"> </div> </div>
                    </div>
                    <div id="tab3" class="tab infinite-scroll">
                        <div class="list-block media-list">
                               <ul></ul>
                       </div>
                       <!-- 加载提示符 -->
                         <div class="infinite-scroll-preloader"> <div class="preloader"> </div> </div>
                    </div>
                    <div id="tab4" class="tab infinite-scroll">
                        <div class="list-block media-list">
                               <ul></ul>
                       </div>
                       <!-- 加载提示符 -->
                         <div class="infinite-scroll-preloader"> <div class="preloader"> </div> </div>
                    </div>
                    <div id="tab5" class="tab infinite-scroll">
                        <div class="list-block media-list">
                               <ul></ul>
                       </div>
                       <!-- 加载提示符 -->
                         <div class="infinite-scroll-preloader"> <div class="preloader"> </div> </div>
                    </div>
                    <div id="tab6" class="tab infinite-scroll">
                        <div class="list-block media-list">
                               <ul></ul>
                       </div>
                       <!-- 加载提示符 -->
                         <div class="infinite-scroll-preloader"> <div class="preloader"> </div> </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
	<script src="js/zepto.min.js"></script>
  <script src="js/sm.min.js"></script>
  <script src="js/sm-extend.min.js"></script>
	<script src="js/cncnmob0902-2.js"></script>
</body>
</html>